body {
        font-family: Trebuchet MS, helvetica, sans-serif;
        font-size: 16px;
        background: white;
        padding: 1em;
        margin: 0;
}

#container {
        width: 36em;
        margin: 0 auto;
}

#footer {
        font-family: Trebuchet MS, helvetica, sans-serif;
        font-size: 12px;
        color: gray;
        text-align: center;
}

a {
        text-decoration: none;
}

a:link {
        color: gray;
}

a:visited {
        color: gray;
}

a:active {
        color: red;
}

a:hover {
        text-decoration: underline;
}

pre {
        padding: 0.5em 0 0.5em 32px;
        margin: 0;
}

table {
        padding: 0.5em 0 0.5em 32px;
        margin: 0;
}

h1 {
        text-align: left;
        padding: 1em 0 0.25em 16px;
        margin: 0;
}

h2 {
        text-align: left;
        padding: 1em 0 0.25em 16px;
        margin: 0;
}

h3 {
        text-align: left;
        padding: 1em 0 0.25em 16px;
        margin: 0;
}

h4 {
        text-align: left;
        padding: 1em 0 0.25em 16px;
        margin: 0;
}

h5 {
        text-align: left;
        padding: 1em 0 0.25em 16px;
        margin: 0;
}

div ul {
        list-style: none;
        padding: 0;
        margin: 0;
}

#nav a {
        font-size: 14px;
        font-weight: bold;
        color: gray;
}

#nav a {
        text-decoration: none;
}

#nav li li a {
        font-size: 14px;
        display: block;
        font-weight: normal;
        color: #808080;
        padding: 0.2em 10px;
	height: 100%;
}

#nav li li a:hover {
        padding: 0.2em 5px;
        border-width: 0px 0px;
        color: white;
        font-weight: bold;
        background-color: #8080ff;
}

div li {
        float: left;
        position: relative;
        width: 9em;
        text-align: center;
        cursor: default;
        background-color: white;
        border: 4px solid #dddddd;
        border-width: 1px 0;
        color: lightgray;
}

div li ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        font-weight: normal;
        background: #eeeeee;
        padding: 0.1em 0 0 0;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
}

div li>ul {
        top: auto;
        left: auto;
}

div li li {
        display: block;
        float: none;
        background-color: transparent;
        border: 0;
}

div li:hover ul, li.over ul {
        display: block;
}

hr {
 	background-color: #cccccc;
  	color: #cccccc;
  	border: 0;
  	height: 1px;
  	width: 100%;
}

#nav hr {
 	background-color: #cccccc;
  	color: #cccccc;
  	border: 0;
  	height: 1px;
  	width: 75%;
}

p {
        clear: left;
        background: white;
        padding: 1em 1em 0 1em;
        margin: 0;
}

p.image {
        float: right;
        font-size: 0.8em;
        text-align: center;
        color: #7d6340;
        padding: 1.25em 1.25em 0.25em 0.25em;
}

p.image img {
        display: block;
        border: 1px solid #7d6340;
}